.calendar-box {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;

    // 日历
    .Tanclb-module {
        position: absolute;
        top: 50px;
        right: -10px;
        z-index: 15;
        width: 1000px;
        height: 500px;
        box-shadow: 0 0 10px #ccc;
    }

    .calendar-Left {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;

        .calendar-Left-Item-Top {
            width: 100%;
            flex: 1;

            .calendar-Left-Item-Top-day {
                font-size: 24px;
                font-weight: 600;
                color: #333;
                vertical-align: middle;
                line-height: 1;
                height: 22px;
                display: inline-block;
            }

            >span {
                font-size: 14px;
                font-weight: 600;
                color: #333;
                vertical-align: bottom;
                line-height: 1;
                display: inline-block;
            }
        }

        .calendar-Left-Item-Bootom {
            width: 100%;
            flex: 1;
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999;
            position: absolute;
            bottom: 0;
            left: 0;
        }
    }

    .calendar-Right {
        flex: .8;
        height: 100%;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        color: #222;
        align-items: center;

        >img {
            position: relative;
            top: 0px;
            width: 20px;
            height: 20px;
            margin-right: 4px;
        }
    }
}